<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/jiesuan.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div id="nav">
        <div class="nav_l">
            <ul>
                <li><a href="#"><img src="./images/QQ截图20220420112319_03.jpg" alt=""><span>广东</span></a></li>
            </ul>
        </div>
        <div class="nav_o">
            <ol>
                <li><a href="#" style="border:none">你好,请登录</a></li>
                <li><a href="#" class="none" style="color:red">免费注册</a><i class="iconfont icon-shuxian"></i></li>
                <li><a href="#">我的订单</a><i class="iconfont icon-shuxian"></i></li>
                <!-- 第一个下拉菜单 -->
                <li class="white"><a href="#">我的京东</a><i class="iconfont icon-jiantouxia"></i>
                    <div class="drop">
                        <dd>
                            <a href="#">待处理订单</a>
                            <a href="#">我的问答</a>
                        </dd>
                        <dd>
                            <a href="#">返修退换货</a>
                            <a href="#">我的关注</a>
                        </dd>
                        <dd style="border-bottom: 1px solid #e3e4e5;">
                            <a href="#">降价商品</a>
                        </dd>
                        <dd>
                            <a href="#">我的京豆</a>&nbsp;&nbsp;&nbsp;
                            <a href="#">我的优惠券</a>
                        </dd>
                        <dd>
                            <a href="#">我的白条</a>&nbsp;&nbsp;&nbsp;
                            <a href="#">我的理财</a>
                        </dd>
                    </div>
                </li>
                <li><i class="iconfont icon-shuxian"></i><a href="#">京东会员</a><i class="iconfont icon-shuxian"></i></li>
                <!-- 第二个下拉菜单 -->
                <li class="white"><a href="#" style="color:red">企业采购</a><i class="iconfont icon-jiantouxia"></i>
                    <div class="drop_o">
                        <dd>
                            <a href="">企业购</a>
                            <a href="">公共频道</a><br>
                            <a href="">工业品</a>
                            <a href="">商用场是馆</a><br>
                            <a href="">礼品卡</a>
                            <a href="">微信企业购</a><br>
                            <a href="">工品优选</a>
                            <a href="">京东锦礼</a><br>
                            <a href="">大中型客户采购</a>
                        </dd>
                    </div>
                </li>
                <li><a href="#">客户服务</a><i class="iconfont icon-jiantouxia"></i></li>
                <li><i class="iconfont icon-shuxian"></i><a href="#">网站导航</a><i class="iconfont icon-shuxian"></i></li>
                <li><a href="#">手机京东</a><i class="iconfont icon-shuxian"></i></li>
                <li><a href="#" class=" none_l">网站无障碍</a>
                </li>
            </ol>
        </div>
    </div>
    <!-- logo -->
     <div class="logo"  id="logo_o" >
         <img src="./images/jie_03.jpg" alt="">
     </div>
     <div class="information">填写并核对好信息</div>
     <!-- 主题内容 -->
     <div class="main">
        <div class="main_l">
            <ul>
                <li><h1>收货人信息</h1></li>
                <li><a href="#">新增收货地址 </a></li>
                <li><span>陈先生广东</span></li>
                <li>陈先生广东深圳市宝安区航城街道瑞康路5号金铂寓159****3144 <strong>默认地址</strong></li><br>
            </ul>
             <p>更多地址>></p>
            <hr>
        </div>
        <div class="main_o">
            <ul>
                <h1>支付方式</h1><br>
                <li><span>货到付款</span></li>
                <li><strong>在线支付</strong></li>
                <li><a href="#">更多>></a></li>
            </ul>
        </div><hr>
        <div class="main_a">
            <ul>
                <li><h1>送货清单</h1></li>
                <li>
                    <img src="./images/!_03.jpg" alt="">
                    <a href="#">价格说明&nbsp;&nbsp;&nbsp;返回修改购物车</a>
                </li>
             </ul>
        </div>
        <!-- 配送方式 -->
         <div class="detailed">
             <h1>配送方式</h1>
             <ol>
                 <li><span>京东快递</span></li>
                 <li><strong>上门自提</strong></li>
             </ol><br>
             <p>配送时间:预计5月9日[周一]09:00-21:00送达<a href="#">修改</a>
            </p><hr>
            <h2> <a href="#"><img src="./images/3_03.jpg" alt=""> 运行费</a><span>4DRC官方旗舰店7天内退 <br> 赀,15天内换货,可享1次运费赔付到小金库
            </span></h2><hr>
         </div>
         <!-- 商家旗舰店 -->
         <div class="business">
             <h1>商家:4DRC官方旗舰店
            </h1>
            <dl>
                <dt><img src="./images/6_03.jpg" alt=""></dt>
                <dd>4DRC遥控飞机耐摔四轴飞行器GPS定位无人 <br> 机6K高清航拍无人拍摄战斗航模直升儿童玩
                    <span>￥289 </span>
                    <a href="#">x1</a><a href="#">有货</a>
                   
                </dd>    
                <dd>  
                    颜色:智能定高【6K..  
                </dd>    
                <dd><img src="./images/6_06.jpg" alt="">
                     <b>克持15天无理由退货
                    </b>
                    <img src="./images/6_08.jpg" alt="">
                     <strong>京东物流</strong>
                </dd>  
            </dl>
             <span>留言：</span><input type="text" placeholder="&nbsp;建议留言前先与商家沟通确认
             ">
         </div>
         <!-- 发票信息 -->
         <div class="invoice">
             <h1>发票信息<a href="#"><img src="./images/7_03.jpg" alt=""></a></h1>
             <p>不开发票<a href="#">修改</a></p>
             <h1>使用优惠/礼品卡/抵用<i class="iconfont icon-jiantouxia"></i>
            </h1>
         </div>
         
     </div> 
     <!-- 总金额 -->
     <div class="amount_o">      
         <dl>
             <dt>总商品金额:<span>￥289.00</span></dt>
             <dd>运费：<span>￥0.00</span></dd>
         </dl>
     </div>
     <!-- 应付金额 -->
     <div class="Amount">
     <dl>
         <dt>应付总金额:<span>￥289.00</span></dt>
         <dd>寄送至:广东深圳市宝安区航城街道瑞康路5号金铂寓收货人:陈159**次*3144</dd>
     </dl>
     </div>
     <!-- 提交订单 -->
     <div class="placeorder">
         <h1>提交订单</h1>
     </div>
      
</body>
</html>